<template>
	<!-- 虚浮框 -->
	<view >
		<tui-fab 
			:bgColor="bgColor" 
			:bottom="bottom" 
			:right="right" 
			@click="click" 
			:btnList='btnList'
			:width="width"
			:height="height"
			:maskClosable="maskClosable"
		></tui-fab>	
	</view>
</template>

<script>
export default {
	name: 'im-addBtn',
	data() {
		return {
			bgColor: '#4caf50',
			bottom: 150,
			right: 30,
			width:80,
			height:80,
			maskClosable: true,
			btnList: [
				
				{
					bgColor: '#ed3f14',
					imgUrl: '/static/saoyisao.png',
					imgHeight: 50,
					imgWidth: 50,
					text: '扫一扫',
					fontSize: '',
					color: '#fff'
				},{
					bgColor: '#ff7900 ',
					imgUrl: '/static/chat.png',
					imgHeight: 50,
					imgWidth: 50,
					text: '发起群聊',
					fontSize: '',
					color: '#fff'
				},
				{
					bgColor: '#007aff',
					imgUrl: '/static/add-friend.png',
					imgHeight: 50,
					imgWidth: 50,
					text: '添加好友',
					fontSize: '',
					color: '#fff'
				},
			]
		};
	},
	methods: {
		click(val) {
			console.log(JSON.toString(val))
		}
	}
};
</script>

<style></style>
